<template>
<xdh-panel class="behavior-block" theme="primary" title="行为特征" shadow size="small">
  <div class="real-behavior">
    <xdh-title title="现实行为" border theme="primary" style="margin-bottom: 0"></xdh-title>
    <div class="real-behavior-wrap">
      <real-behavior></real-behavior>  
    </div>
  </div>
  <div class="real-behavior">
  <xdh-title title="网络行为" border theme="primary" style="margin-bottom: 0"></xdh-title>
    <div class="vistual-behavior-wrap">
      <vistual-behavior></vistual-behavior>
    </div>
  </div>
</xdh-panel>
</template>

<style lang="scss" scoped>
@import '../../style/_vars.scss';
@import '../../style/_mixin.scss';
.real-behavior-wrap{
  height: 500px;
  margin-bottom: 10px;
}
.vistual-behavior-wrap{
  height: 500px;
}
</style>

<script>
import XdhTitle from '@/widgets/xdh-title'
import XdhPanel from '@/widgets/xdh-panel'
import RealBehavior from './real-behavior'
import VistualBehavior from './vistual-behavior'
export default {
  name: 'Behavior',
  components: {
    XdhPanel,
    XdhTitle,
    RealBehavior,
    VistualBehavior
  },
  props: {
    
    
  },
  data() {
    return {
      
      
    }
  },
  computed: {
   
  },
  watch: {
    
  },
  methods: {
  },
  mounted() {
  }
}
</script>

